<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

<!--    /*第一种*/-->
<!--    <script>-->
<!--        window.onblur = function() {-->
<!--            document.title = "(●￣(ｴ)￣●)大佬再看看吧...";-->
<!--        };-->
<!--        window.onfocus = function() {-->
<!--            document.title = "焦点在页面内时的Title";-->
<!--        };-->
<!--    </script>-->

        <!-- 第二种：离开时，标题改变-->
<!--    /*离开时标题改变&#45;&#45;begin*/-->
    <script>
        document.addEventListener('visibilitychange',function(){
            if(document.visibilityState=='hidden'){
                normal_title=document.title;document.title='瞅啥去了';
            }else{
                document.title=normal_title;
            }
        });
    </script>
<!--    /*标题改变-&#45;&#45;end*/-->



</head>
<body>

<!-- 第三种：离开和回来时，标题改变-->
<!--/*进入和离开时标题发生改变&#45;&#45;begin*/-->
<!--<script>-->
<!--    var OriginTitile = document.title;      /*定义一个变量保存原标题*/-->
<!--    var titleTime;                             /*定义一个变量*/-->
<!--    document.addEventListener('visibilitychange', function() {-->
<!--        if (document.hidden) {-->
<!--            document.title = '离开页面时标题 - ' + OriginTitile;  /*可删除原标题*/-->
<!--            clearTimeout(titleTime);-->
<!--        }-->
<!--        else {-->
<!--            document.title = '进入页面时标题- ' + OriginTitile;/*自定义标题+原标题，可删除原标题*/-->
<!--            titleTime = setTimeout(function() {-->
<!--                document.title = OriginTitile;-->
<!--            }, 3500);                  /*设置标题时间，单位毫秒*/-->
<!--        }-->
<!--    });-->
<!--</script>-->
<!--/*进入和离开时标题发生改变&#45;&#45;end*/-->

</body>
</html>